<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>手办模型</title>
    <link rel="stylesheet" href="./CSS/daohao.css">
    <link rel="stylesheet" href="./CSS/xiangqing.css">
</head>
<body>
    <section>
        <div class="ca">didi</div>
        <header class="cc">
            <!-- 网站 logo 链接 -->
            <a><img src="./img/logo.jpg" alt="" class="logo"></a>
            <!-- 导航栏 -->
            <ul> 
                <li><a href="index.html">首页</a></li>
                <li><a href="fenlei.html">分类</a></li>
                <li><a href="gowuche.html">我的购物车</a></li>
                <li><a href="#" onclick="openModal()">登录</a></li>
            </ul>
        </header>
        </div> 
    </section>

    <div class="modal">
        <div class="ba">
            <img src="./img/beijing.jpg">
        </div>
        <div class="mod">
            <img src="./img/logo.jpg">
            <span>宇智波止水手办 高25厘米 重2.5kg</span>
        </div>
        <div class="met">
            <span><span class="colo">原价</span><del>¥2888</del></span>
        </div>
        <div class="meta">
            <span><span class="colo">现价</span>¥1888</span>
        </div>
        <div class="metas">
            <span>
                <span class="colo">配送至</span>
                <select name="cars" style="float: left;">
                    <option value="火之国">火之国</option>
                    <option value="水之国">水之国</option>
                    <option value="沙隐村">沙隐村</option>
                    <option value="雷之国">雷之国</option>
                </select>
                    <div class="box">
                        支持&emsp;<a href="#">可配送全国</a> | <a href="#">七天保价</a> | <a href="#">闪电退款</a> | <a href="#">快速审核</a> 
                    </div>
            </span>
            
        </div>
        <div class="cas">
            <span>包邮（请以订单提交时间为准）</span>
            <p>天天快递</p>
        </div>
        <div class="h1"><hr></div>
        <div class="h2">
        <a href="gowuche.html" class="button" >加入购物车</a>
        </div>
        <div class="h3"><hr></div>
        <div class="copyright">
        <div class="link">
            <a href="#">联系客服</a> | <a href="#">商家入驻</a> | <a href="#">营销中心</a> | <a href="#">友情链接</a> | <a href="#">销售联盟</a> 
          </div>
        </div>  
    </div>
</body>
</html>    